Kamis, 31 Januari 2008

Setting POP/IMAP dan SMTP Gmail untuk Omail


Ada beberapa email yang masuk dalam inbox saya menanyakan apakah
Omail [nama@o-om.com]
bisa dibaca menggunakan POP atau IMAP melalui eMail Client, tentu saja bisa
khan Omail menggunakan engine Gmail. Sebenarnya melakukan setting untuk membaca
OMail dengan POP/IMAP pada email client tidak ada bedanya dengan setting untuk
Gmail, yang membedakan hanyalah nama domainnya saja. Selain itu yang harus
diingat setting untuk POP diarahkan ke pop.gmail.com dengan tujuan port
995 (pilih
untuk SSL)  dan untuk IMAP diarahkan ke
imap.gmail.com dengan tujuan
port 993 (pilih untuk SSL) sedangkan untuk SMTP tetap sama yaitu
smtp.gmail.com
dan port tujuan 587 (pilih untuk
TSL). Agar gak bingung saya tulis aja cara
lengkapnya, penjelasan yang saya tulis hanya pada email client
Thunderbird dan
tentu saja rekan sudah memiliki mail account Omail dengan namakamu@o-om.com,
jika belum bisa daftar di
sini.





Contoh Tampilan Omail pada Thunderbird:






Untuk penjelasan ada dua pilihan setting email client yang bisa digunakan
yaitu bisa menggunakan POP dan IMAP, silahkan dipilih tergantung kebutuhan, cara
selengkapnya bisa dibaca dibawah ini:



 


Setting untuk POP






Pengaturan pada Omail untuk POP (Gmail)


1. Pertama login ke Omail


2. Kemudian pada pojok kanan atas klik link "acuan email"


3. Pada halaman pengaturan klik "Meneruskan dan POP/IMAP"


4. Pada halaman Download dengan POP: pilih sesuai kebutuhan ya mau
mengambil semua eail atau  Email yang diterima mulai dari sekarang, jangan
lupa disimpan.











Pengaturan Pada Thunderbird Untuk
POP


1. Buka Thunderbird, lalu pilih Tools > Account Settings.


2. Klik Add Account.


3. Pilih Email account dan klik "next"


4. pada The Identity masukan nama lengkap. lalu masukan alamat Omail
(namakamu@o-om.com) pada Email Address, lalu klik Next


5. Pilih POP lalu masukan pop.gmail.com dalam incoming server


6.  Set Outgoing Server ke smtp.gmail.com, lalu
klik Next


7. Kemudian masukan User name Omail kamu (namakamu@o-om.com) di
Incoming User Name dan Outgoing User Name, dan klik Next


8. Masukan nama untuk account email kamu di Account Name laluk klik
Next


9. Pada account informasi klik finish


10. Pada folder list klik Server Settings sesuia dengan account yang
dipilih


11. Pada Port value masukan 995


12. pada Security setting, pilih SSL pada pilihan
Use secure connection


13. Pilih Check for messages at startup and
Automatically download new messages


 


Setting untuk
IMAP






Pengaturan pada Omail  untuk IMAP (Gmail)


1. Pertama login ke Omail


2. Kemudian pada pojok kanan atas klik link "acuan email"


3. Pada halaman pengaturan klik "Meneruskan dan POP/IMAP"


4. Pada halaman Akses IMAP: pilih dengan memberikan tanda centang pada
"Aktifkan IMAP", jangan lupa disimpan.











Pengaturan Pada Thunderbird Untuk IMAP


1. Buka Thunderbird, lalu pilih Tools > Account Settings.


2. Klik Add Account.


3. Pilih Email account dan klik "next"


4. pada The Identity masukan nama lengkap. lalu masukan alamat Omail
(namakamu@o-om.com) pada Email Address, lalu klik Next


5. Pilih IMAP lalu masukan imap.gmail.com dalam incoming server


6.  Set Outgoing Server ke smtp.gmail.com, lalu
klik Next


7. Kemudian masukan User name Omail kamu (namakamu@o-om.com) di
Incoming User Name dan Outgoing User Name, dan klik Next


8. Masukan nama untuk account email kamu di Account Name laluk klik
Next


9. Pada account informasi klik finish


10. Pada folder list klik Server Settings sesuia dengan account yang
dipilih


11. Pada Port value masukan 993


12. pada Security setting, pilih SSL pada pilihan
Use secure connection


13. Pilih Check for messages at startup and
Automatically download new messages


 


Setting untuk
SMTP


 


Pengaturan Pada Thunderbird untuk SMTP


1. Klik Outgoing Server (SMTP) pada folder list


2. Pilih smtp.gmail.com (Default) atau masukan jika belum


3. Masukan smtp.gmail.com pada Server Name dan set port ke 587


4. Pada Use name and password  dan masukan username
Omail/Gmail (masukan namakamu@o-om.com)


5. Pilih TLS pada pilihan Use secure connection


6. Klik OK untu menyimpan Account Settings dialog






Setting email client lainnya bisa baca dialamat dibawah ini:


Untuk POP:


Mail Clients



Wireless Devices







Untuk IMAP:


Mail Clients



Wireless Devices






Selamat Mencoba, Happy Blogging :)





Selasa, 29 Januari 2008

Cara transfer blog ke account berbeda (Blogger)

"Bagaimana memindahkan sebuah blog dari satu user ke user lainnya dengan
login yg berbeda. Karena saya punya beberapa blog yang dibuat dengan dua
username yang berbeda. Sekarang saya ingin menyatukannya menjadi satu username
sehingga memudahkan dalam maintenancenya"
(Penggalan pertanyaan dari rekan
nurpatria
herryanto
di email oom)






Punya Account Blogger yang berbeda tentu saja susah untuk melakukan manage,
kadang hanya untuk memposting blog dengan account lainnya kita harus melakukan
logoff terlebih dahulu (kecuali kita login menggunakan web browser berbeda juga), tidak seperti wordpress, blogger tidak mempunyai fasilitas untuk melakukan transfer
blog ke account berbeda
, sangat disayangkan memang, masa sekelas blogger
tidak ada fasilitas ini. Trus gak mungkin dong melakukan transfer blog di
blogger
? siapa bilang..tentu saja bisa, dengan adanya fasilitas mengundang
penulis lain di blogger, ini yang akan kita manfaatkan sebagai transfer antar
blog dengan account berbeda.






Cara melakukan Transfer blog dengan account berbeda:





Contoh : Andai kata kita mempuanyai 2 account berbeda sebut saja
Account-A dan Account-B, rencana kita ingin melakukan transfer salah satu blog
di Account-A ke Account-B, hal yang harus diperhatikan bahwa Account yang
memberi kuasa (Account yang mengundang/Account-A) adalah account yang blog-nya 
akan ditransfer, dengan kata lain Account-B inilah yang akan menerima kuasa penuh
terhadap blog di Account-A.




1. Login ke account yang akan di transfer (contoh Acount-A)


2. Kemudian pada "Panel Kontrol" pilih salah satu blog dengan
melakukan klik link "Pengaturan"


3. Pada tab pengaturan pilih sub tab "ijin"


4. Klik Tombol "Menambah Penulis"


5. Masukan Alamat Account Gmail anda yang lain (Account -B), dalam hal ini
account gmail yang kita undang merupakan account yang akan menerima transfer
blog.


6. Jika sudah, kita harus login ke alamat gmail yang di undang (Account-B)
dan akan menerima sebuah suran pengundanga untuk bergabung di Account-A.


7. Pada email yang kita terima disitu terdapat link, klik link tersebut bahwa
kita setuju untuk berkontribusi ke blog pengundang, jangan lupa masukan kata
sandi sebagai tanda persetujuan.


8. Pada halaman "Panel Kontrol" sudah terlihat ada blog baru yang berasal
dari account-A


9. Selanjutnya kembali lagi ke Account-A atau kembali ke proses no 1,2 dan 3


10.  Pada halaman ini terlihat Account-B yang telah di undang, jangan
lupa mengklik link "Berikan hak istimewa
setingkat admin"
dan menekan tombol "Berikan hak istimewa setingkat
admin"
pada popup yang muncul.


11. Jika kita tidak ingin menggunakan
Account-A dan hanya memberikan hak admin pada Account-B kita dapat menghapus hak
akses Account-A dengan mengklik  link "memindahkan".


12 Selesai..dan selamat kita sudah melakukan
transfer blog dari Acount-A ke Acount-B, untuk transfer blog yang lain caranya
sama dengan proses diatas.


 


Catatan :
jika masih ragu bisa tanyakan saya dulu di kolom komentar agar
bisa kita diskusikan bersama. thanks



Minggu, 27 Januari 2008

Tutorial Google Custom Search Engine (Beta)



Google Custom Search Engine mempunyai keunggulan lebih dari pada search
engine standar yang biasa kita gunakanpada site/blog, dimana pada layanan ini kita dapat
memberikan kemudahan pencarian pada alamat web/blog tunggal maupun pada beberapa
situs web bahkan pada halaman web tertentu.







Bagaimana merangkum pencarian pada banyak website, Blog, Group dalam satu
manajemen pencarian? Dengan Google Custom search Engine kita akan membuat mesin
pencari untuk melakukan kebutuhan tersebut.

Lalu bagaimana Google Costom Search Engine ini bekerja?











 

Dari skema cara kerja yang saya buat, tentu saja Google Custom search Engine ini
sangat cocok bagi rekan yang memiliki banyak blog/site dengan tema yang sama (misalnya
blog programming dengan bahasa program yang berbeda) dimana kita tetap bisa
memberikan acuan serta arahan kepada pengunjung agar tetap bisa menemukan apa
yang mereka cari.


 


Baca Keunggulan lainnya:




Situs Web, blog, atau grup minat khusus Anda

  • Bantu pengunjung Anda menemukan apa yang mereka cari

  • Undang teman dan komunitas Anda untuk berkontribusi

  • Mendapatkan penghasilan dengan AdSense untuk Pencarian

  • Secara otomatis membuat mesin pencari berdasarkan link di situs Web atau
    blogroll menggunakan Pencari Kustom dengan cepat




Bisnis atau perusahaan Anda

  • Manfaatkan Edisi Bisnis Custom Search untuk keunggulan tambahan seperti
    dukungan kelas perusahaan, halaman hasil bebas iklan, dan XML API

  • Letakkan logo Anda pada halaman hasil pencarian

  • Bantu pelanggan menavigasi situs Anda dan menemukan produk yang akan
    mereka beli




Organisasi Anda yang berupa nirlaba, pemerintah, atau pendidikan

  • Tampilkan hasil pencarian tanpa iklan










Cara Daftar dan pasang code pada site/blog:


Klik
http://www.google.co.id/coop/cse/
Kemudian tekan tombol "Buat Custom
Search Engine"
lalu Login dengan username dan password dengan google account
masing-masing. Kemudian masukan beberapa informasi data acuan pencarian sesuai
dengan arahan.







Cara pasang kode pada blog/site:


Setalah kita memasukan beberapa informasi data acuan pencarian sekarang
saatnya memasang kode paada blog/site. cara pasang pada kode ada 2 pilihan yang
pertama kita dapat memilik link "Situs" ini merupakan cara cepat untuk
memasang code pada site/blog. Cara kedua jika kita ingin melakukan konfigurasi
pencarian kita bisa memilih link "Panel Kontrol" kemudian ikuti petunjuk
yang ada.



Untuk blogger (blogspot) tambahkan "element halaman baru" kemudian Copy /paste aja kodenya.



Semua pertanyaan bisa ditulis pada kolom komentar atau secara private ke mail
saya, thanks :)



Jumat, 25 Januari 2008

Search engine Zuula bikin ketagihan :)



Sudah seminggu ini saya jarang menggunakan mesin pencari
Google, karena sekarang lagi
keranjingan Zuula, ya Zuula..aneh ya namanya :) tapi jangan remehkan
kemampuannya sebagai mesin pencari, jangan salah dulu Zuula bukanlah mesin
pencari tunggal karena zuula tidak mempunyai index database sendiri.


Mesin pencari ini cukup cerdik karena ia dapat memanfaatkan
beberapa Search engine terkenal sebagai enginenya, diantanya Google, Yahoo, MSN,
Gigablast, Exalead, Alexa, Accoona  dan Mojeek. jadi bisa dikatakan zuula
adalah semacam portal yang berguna dalam memudahkan pencaian.








Zuula tentu saja memberikan kita kemudahan cepat dalam
melakukan pencarian, terutama kita hanya melakukan perpindahan  tab untuk
melakukan pencarian ke search engine yang lain, kelebihan lainnya pada meta
search engine dimana zuula  akan menampilkan pencarian terpisah dalam
kategori yang berbeda, yaitu web, images, video, news, blog, jobs. Kunjungi
zuula di sini http://www.zuula.com



Selasa, 22 Januari 2008

O-Mail: Free 6 GB e-mail account (namakamu@o-om.com)




O-Mail (O-OM Mail) merupakan
layanan E-mail gratis dari o-om.com yang dipersembahkan kepada
pengunjung setia
O-OM'S BLOG. Account di O-MAIL merupakan kerja sama o-om.com
dengan Google Mail (Gmail), karena mengunakan engine Gmail jadi jangan
ragu dengan masalah keamanan data berupa "Spam" atau "virus" dan sejenisnya.
Daftarkan
segera E-mail gratis dari O-Mail dengan account email
namakamu@o-om.com. Sebelum mendaftar sebaiknya baca syarat pendaftaran dan
kebijakan dari O-Mail sebagai berikut:


 



Syarat penggunaan dan kebijakan
dari O-Mail:




  • Semua kesalahan dan penyalahgunaan account email yang
    dilakukan merupakan tanggung jawab sendiri pengguna free account di O-Mail.



  • Pengguna tidak diperbolehkan menggunakan account email
    untuk tujuan spam, email bomb, mail virus, email carding dan sejenisnya.



  • Nama account email tidak dapat diubah, jadi pertama kali
    daftar harus benar-benar yakin.



  • Satu user hanya bisa mendapatkan 1 Account email.



  • Jika lupa password atau ingin mengganti password, anda
    harus mempunyai ID Code, tanpa kode tersebut O-Mail  tidak akan pernah
    memberikan password anda yang baru.



  • O-Mail berhak menghapus Account email anda jika diketahui
    disalahgunakan.



  • Kebijakan dan perysaratan dari O-Mail bisa berubah
    sewaktu-waktu tanpa konfirmasi terlebih dahulu.





Cara Mendaftar ke O-Mail:


Kirim E-mail ke
admin@o-om.com
berupa input data yang tertera dibawah ini, email yang
dikirim akan diproses dalam waktu 1x24 jam atau mungkin lebih (proses dilakukan
secara manual), jika terjadi penerimaan maupun penolakan tetap akan di
konfimasikan balasan ke email anda.




Contoh Input Pendaftaran:


Nama lengkap: Agus ramadhani


Alamat blog/site: namablog.blogspot.com


Lokasi anda sekarang: Yogyakarta


Nama email yang diminta: Namakamu@o-om.com


Password yang diminta: tulis minimal 6
karakter


ID Code : Tulis 5 angka acak Contoh
73634 (ini digunakan sebagai bukti verifikasi jika anda lupa password,

Harus dicatat dan diingat!!)




Warning ! Password yang
dikirim harus benar-benar baru dan belum pernah digunakan sebelumnya, jangan
kirimkan password email lama atau password adsense atau password penting yang
pernah anda gunakan. hal ini untuk menghidari hal yang tidak dinginkan di
kemudian hari. Password juga dapat diganti oleh anda sendiri kapan saja ketika
anda dalam keadaan aktif login email, dalam hal ini password anda akan tetap
aman)




Selamat bergabung di O-Mail.



Download Gratis Free Blogger Templates

Dibawah ini merupakan URL kumpulan Free Blogger template dan Layout
Blogger Gratis
yang bisa digunakan untuk mengganti template standar milikmu:




Special Template by o-om.com:


 



http://www.zoomtemplate.com




http://g
reen Revolution Blogger Template



http://almost-spring-blogger.blogspot.com



http://elegant-style-template.blogspot.com




Alamat lain yang bisa kamu kunjungi:





http://charmskins.com/blogger-themes



http://freeskins.blogspot.com



http://free-blogger-templates.zeventina.com


http://www.blogskins.com



http://www.pyzam.com/bloggertemplates



http://www.geckoandfly.com/blogspot-templates




Selaman mencoba :)



Senin, 21 Januari 2008

Cara menampilkan pesan pada jam tertentu (Time Message)



Pernah terpikirkan untuk menampilkan pesan pada jam tertentu (Time
Message)
pada blog kita? tentu saja ya, Ada kalanya ketika sedang tidak
online kita ingin memberikan pesan kepada pengunjung mengenai keadaan kita saat
ini misalkan, "maaf, saya jam 1 ada rapat jadi gak bisa online" atau "jangan
lupa ya sekarang pukul 13.00 jadi acara kumpul blogger akan dimulai"
atau
sebagai alarm plus pesan pengingat berguna.






Menampilkan pesan pada jam tertentu (Time Message) tentu saja sangat
membantu, disisi lain pengunjung juga akan mengetahui informasi apa yang ingin
kita sampaikan pada jam berikutnya tanpa harus online sekedar menulis pesan.
Selain menambah nilai plus berupa pesan singkat, blog kita juga tentu saja
terlihat berbeda :). Ok ikuti terus tutorial ini untuk cara pemasangan kodenya:







Cara Pasang Time Message:


Cara pasang pada blog tinggal copi-paste aja kode dibawah ini dengan
menambahkan elemen halaman baru, kemudian jangan lupa mengedit pesan yang ingin
ditampilkan yang ditandai dengan teks berwarna merah
dibawah ini.




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write("<left><font size=+1>")

day = new Date()

hr = day.getHours()

if (hr == 1)

document.write("
pesan jam 1 pagi")

if (hr == 2)

document.write("
pesan jam 2 pagi")

if (hr == 3)

document.write("
pesan jam 3 pagi")

if (hr == 4)

document.write("
pesan jam 4 pagi")

if (hr == 5)

document.write("
pesan jam 5 pagi")

if (hr == 6)

document.write("
pesan jam 6 pagi")

if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))

document.write("
pesan jam ini berlangsung pada jam
7,8,9,10 pagi
")

if (hr == 11)

document.write("
pesan jam 11 pagi")

if (hr == 12)

document.write("
pesan jam 12 siang")

if (hr == 13)

document.write("
pesan jam 1 siang")

if ((hr == 14) || (hr == 15) || (hr == 16))

document.write("
pesan jam ini berlangsung pada jam
2,3 dan 4
")

if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr ==
22))

document.write("
pesan jam ini berlangsung pada jam
5,6,7,8 sore - malam
")

if (hr == 23)

document.write("
pesan jam 11 malam")

if (hr == 0)

document.write("
sudah tengah malam saya tidur dulu
ya
")

document.write("</font></left>")

// End -->

</SCRIPT>


 




Kemungkinan yang ditanyakan:




if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))

document.write("
pesan jam ini berlangsung pada jam
7,8,9,10 pagi
")




Penjelasan code diatas, ini berarti kita membuat pesan yang sama pada jam
yang sudah di tentukan misalnya pada jam 7,8,9,10 pagi.
Jika ingin menampilkan pesan pada jam berbeda tinggal di lakukan sedikit
perubahan pada kode seperti dibawah ini :




if ((hr == 7)


document.write("pesan jam
7 pagi
")


 if  (hr == 8)


document.write("pesan jam
ini 8 pagi
")


if  (hr == 9)


document.write("pesan jam
ini 9 pagi
")


if  (hr == 10))


document.write("pesan jam
10 pagi
")








Menambahkan permintaan teman kita mengenai bagaimana jika menampilkan
ketika contoh jam antara 1:00 - 1:20 atau hanya tampil jam 1:20?



 



Berikut kode yang ditambahkan pada script sebelumnya:



 



now = new Date()





if (now.getMinutes() < 10) {

document.write("ini tampil jam antara jam 1:00 - 1:10")

}

else if (now.getMinutes() == 20) {

document.write("ini tampil jam 1:20")

}

else if (now.getMinutes() < 30) {

document.write("ini tampil jam antara jam 1:00 - 1:30 ")

}

else {

document.write("pesan jam 1 pagi")

}


 



 


Kode Selengkapnya:




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

document.write("<left><font size=+1>")

day = new Date()

hr = day.getHours()



now = new Date()


if (hr == 1)


if (now.getMinutes() < 10) {

document.write("ini tampil jam antara jam 1:00 - 1:10")

}

else if (now.getMinutes() == 20) {

document.write("ini tampil jam 1:20")

}

else if (now.getMinutes() < 30) {

document.write("ini tampil jam 1:00 - 1:30 ")

}

else {

document.write("pesan jam 1 pagi")

}


document.write("pesan jam 1 pagi")

if (hr == 2)

document.write("pesan jam 2 pagi")

if (hr == 3)

document.write("pesan jam 3 pagi")

if (hr == 4)

document.write("pesan jam 4 pagi")

if (hr == 5)

document.write("pesan jam 5 pagi")

if (hr == 6)

document.write("pesan jam 6 pagi")

if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))

document.write("pesan jam ini berlangsung pada jam 7,8,9,10 pagi")

if (hr == 11)

document.write("pesan jam 11 pagi")

if (hr == 12)

document.write("pesan jam 12 siang")

if (hr == 13)

document.write("pesan jam 13 siang")

if ((hr == 14) || (hr == 15) || (hr == 16))

document.write("pesan jam ini berlangsung pada jam 2,3 dan 4")

if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr ==
22))

document.write("pesan jam ini berlangsung pada jam 5,6,7,8 sore - malam")

if (hr == 23)

document.write("pesan jam 11 malam")

if (hr == 0)

document.write("sudah tengah malam saya tidur dulu ya")

document.write("</font></left>")

// End -->

</SCRIPT>




Tinggal ditambah dan di modifikasi ya untuk jam yang lain. kalo masih bingung
bisa tanya lagi :)




Selamat mencoba, Happy blogging :)


Jumat, 18 Januari 2008

5 jam akses blogger error (sebaiknya lakukan backup data)

Dari kemaren sampai hari ini sering terjadi masalah mulai
dari Feedburner
count yang kacau ( tapi kren ya dari 98 ke 830) , sitemeter dan
extreme
tracker
yang tidak bisa melakukan tracking dengan baik dan  yang parah
blog http://www.o-om.com  gak bisa
diakses sekitar 5 jam (kemaren pagi),  ini juga terjadi pada beberapa blog
rekan yang lain . Hanya sekedar mengingatkan sebaiknya ambil langkah lakukan
backup data secepatnya, kita gak bakal tau apa yang terjadi selanjutnya.


 


Baca cara backup data:




Solusi Backup Blogger (Posting, Komentar, Template)




Backup Blogger menggunakan layanan (BlogBackupOnline)



Blogger Backup
Utility (VB.Net open source)


 


Untuk backup element halaman -> Copy-Paste aja kodenya ke
notepad dan simpan di kompi kalian :)



 


Saran :


Sebaiknya backup data ke wordpress karena prosesnya lebih
mudah (semua post dan komentar juga masuk dalam proses backup)


Cara Backup :


Pada halaman masuk ke tab Kelola -> ke tab Impor
-> pilih Blogger -> ikuti intruksi yang ada


 


Semoga info ini bermanfaat dan don't panic ok -> kayaknya
cuma om ya yang panic :)

Cara menampilkan posting yang berkaitan (Related Posts)

Related Posts atau biasa disebut "link yang bekaitan", "artikel pada
kategori yang sama", "artikel yang bertautan", "postingan terkait" atau apa aja
namanya, merupakan bagian judul posting terkait dan biasanya ditampilkan
berdasarkan penamaan label (kategori), Realated Post ini biasanya
berupa link yang tampilkan dibawah postingan tunggal tepatnya di bawah kolom
komentar. Keuntungan dengan pemasangan post yang berkaitan tentu saja akan
mempermudah pengunjung blog kita untuk menemukan artikel terkait tanpa harus
menuju dan membuka satu persatu halaman dalam link label. Agar gak bingung lihat gambar
dibawah ini:








Kayaknya gak usah dibahas panjang lebar ya, pasti rekan semua dah ngerti maksudnya. OK langsung aja ke proses pemasangan :)






Langkah I:






Masuk pada Template -> Edit HTML -> kemudian masukan kode javascript dibawah ini diantara kode
<head>..</head> atau lebih
mudahnya cari kode </head> saja, kemudian
letakan kodenya diatas kode  </head> ->
jangan lupa disimpan




<script type="text/javascript">

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

 for (var i = 0; i < json.feed.entry.length; i++) {

 var entry = json.feed.entry[i];

 relatedTitles[relatedTitlesNum] = entry.title.$t;

 for (var k = 0; k < entry.link.length; k++) {

  if (entry.link[k].rel == 'alternate') {

   relatedUrls[relatedTitlesNum] = entry.link[k].href;

   relatedTitlesNum++;

   break;

  }

 }

 }

}

function removeRelatedDuplicates() {

 var tmp = new Array(0);

 var tmp2 = new Array(0);

 for(var i = 0; i < relatedUrls.length; i++) {

  if(!contains(tmp, relatedUrls[i])) {

   tmp.length += 1;

   tmp[tmp.length - 1] = relatedUrls[i];

   tmp2.length += 1;

   tmp2[tmp2.length - 1] = relatedTitles[i];

  }

 }

 relatedTitles = tmp2;

 relatedUrls = tmp;

}

function contains(a, e) {

 for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

 return false;

}

function printRelatedLabels() {

 var r = Math.floor((relatedTitles.length - 1) * Math.random());

 var i = 0;

 document.write('<ul>');

 while (i < relatedTitles.length && i < 20) {

  document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r]
+ '</a></li>');

  if (r < relatedTitles.length - 1) {

   r++;

  } else {

   r = 0;

  }

  i++;

 }

 document.write('</ul>');

}

//]]>

</script>




Langkah II:




Masuk pada Template -> Edit HTML -> jangan lupa beri tanda
centang pada Expand Widget Template -> cari kode dibawah ini.




     <b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels'
var='label'>

            <a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

          </b:loop>

        </b:if>




Jika sudah ketemu, masukan kode berwarna merah dibawah diantara kode diatas.




     <b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels'
var='label'>

            <a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>


<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>

</b:if>


          </b:loop>

        </b:if>




Pada proses ini pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan






Langkah III:






Masuk pada Template -> Elemen halaman -> kemudian buat elemet
baru atau klik "Tambahkan sebuah Elemen Halaman" -> copy-paste kode
dibawah ini dan jangan lupa memberikan nama judul misal, "Artikel pada kategori
yang sama" -> kemudian jangan lupa disimpan.




<script type="text/javascript">

 removeRelatedDuplicates();

 printRelatedLabels();

</script>





Langkah IV:




Agar related post ini tidak tampil pada halaman utama dan hanya tampil
pada halaman posting tunggal maka kita perlu penambahan beberapa kode, caranya:


Masuk pada Template -> Edit HTML -> jangan lupa beri tanda
centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya
cari sesuai dengan title yang kita masukan, sebagai contoh, tadi saya memberi
mana dengan  Artikel pada kategori yang sama,
jika sudah ditemukan masukan ke dua kode berwarna merah dibawah.


Catatan: dibawah ini ada kode HTML13 ini jangan
dijadikan patokan pencarian, sebaiknya abaikan saja karena setiap elemen pasti
berbeda-beda, cukup cari title saja.






<b:widget id='HTML13'
locked='false' title='
Artikel pada kategori yang
sama
' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != ""'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>



  <b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>






Selamat mencoba, Happy Blogging :)



Selasa, 15 Januari 2008

Subdomain: Alternatif alamat blog lebih dari satu (penjelasan pada DNSPark)

Subdomain adalah bagian dari sebuah
nama
domain
induk. Subdomain umumnya mengacu ke suatu alamat fisik di
sebuah situs contohnya: wikipedia.org merupakan sebuah domain induk. Sedangkan
id.wikipedia.org merupakan sebuah sub domain. Subdomain juga sebagai
Third level domain
. ( kutipan dari

id.wikipedia.org
)

Bagi rekan yang punya blog lebih dari satu sebaiknya tidak
perlu melakukan registrasi domain baru, cukup gunakan saja Subdomain
sebagai solusinya. selain tidak mengeluarkan tambahan biaya, cara ini juga
praktis dan tentu saja Gratis. Namun sebelum melakukan Subdomain tentu
saja kita harus memiliki minimal satu namadomain aktif. Sebagai contoh saya mengambil
nama domain saya o-om.com ini merupakan domain induk dan www.o-om.com
sebagai nama Subdomain utama, perlu diketahui karena kita menggunakan
Free DNS
jadi kita tidak bisa bisa melakukan redirect ke o-om.com jadi
kita harus membuat alias records (CNAME) dengan menambahkan www (www.o-om.com)
sebagai subdomain. Sama halnya dengan alamat blog contoh:
cinta-oom.blogspot.com
yang akan di- redirect ke subdomain
cinta-oom.o-om.com
. Agar lebih mudah lihat contoh dibawah ini





Contoh Subdomain untuk o-om.com, ini ibarat saya punya 4
alamat blog yang berbeda pada blogger:




BlogUtama.blogspot.com -> menjadi ->
www.o-om.com


namablog1.blogspot.com ->
menjadi -> namablog1.o-om.com


namablog2.blosgpot.com ->
menjadi -> namablog2.o-om.com


namablog3.blosgpot.com ->
menjadi -> namablog3.o-om.com




Praktis khan kita tidak perlu membeli domain baru dan
hanya cukup menggunakan satu domain saja.




Bagaimana cara menambah subdomain?




Karena saya menggunakan Free DNS pada DNSPark jadi penjelasan
hanya pada layanan ini saja. Dan tentu saja kita sudah memiliki minimal satu
domain aktif yang terdaftar pada DNSpark.




1. lakukan proses login.


2. Kemudian pada Configuration Menu -> pilih DNS
Hosting -> Add Domains


3. Pilih yang no 2 yaitu Enter a domain:


4. Kemudian pada Enter new domain: masukan nama domain
kita tanpa www ( contoh: o-om.com.com)


5. Jika sudah lalu tekan tombol "Add now" sampai
disini nama domain kita telah disimpan.


6. Kemudian pada Domain List -> pilih nama domain yang
baru kamu masukan.


7. Lalu klik Alias Records


8. Kemudian tuju ke tulisan
Add new alias records for (contoh: o-om.com)
masukan
www
pada Host Name dan ghs.google.com
pada Destination Name (www -> sebagai
subdomain utama) untuk subdomain baru tinggal tambahkan saja alias recordnya
seperti memasukan alamat subdomain www.







9. Jika sudah klik tombol Add Alias


10. Sampai disini konfigurasi untuk
DNS sudah selesai.




Cara Setting Subdomain pada blogger:




Pilih tab Pengaturan -> Publikasikan -> arahkan pada
"Domain Anda"
kemudian masukan nama domain sesuai dengan subdomain yang
telah dibuat. ( ingat! alamat blog yang akan diganti dengan subdomain tentu saja
harus bener-benar sesuai alamat tujuan)




Contoh setting pada blogger:







Pada tahapan ini semua proses telah selesai...dan selamat sudah punya nama
subdomain sendiri :)



Minggu, 13 Januari 2008

New! Tips of the day : Tips harian tampil berdasarkan tanggal

Tips of the day merupakan tips singkat yang akan
disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa
berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips
bercinta dan lain sebagainya.  (Banyak rekan sahabat blogger yang
sudah memasang
tips of
the day
dengan code yang pertama..sudahkah anda...?)


Tutorial sebelumnya sudah kita pelajari bagaimana membuat
Random
tips of the day
dimana tips tersebut akan tampil secara acak ketika
pengunjung melakukan refresh atau reload pada halaman, yang membedakan tips
of the day
sekarang dengan sebelumnya kali ini kita benar-benar membuat
tips of the day
yang dapat tampil berdasarkan tanggal hari ini, jadi selama
31 hari pengunjung  akan menerima tips yang berbeda dalam jangka waktu satu
hari selama 1 x 24 jam. Sedikit saya beri masukan, sebenarnya tips ini tidak
hanya digunakan sebagai tips harian, rekan sebenarnya bisa menggunakan tips ini
misalnya, sebagai jadwal pengingat (alarm harian) jika pada tanggal tertentu
merupakan tanggal yang dirasa penting.




Cara memasang kode Tips of the day pada blogger :





Pada halaman Template -> klik Tambahkan sebuah
Elemen Halaman ->
Copy-Paste semua kode dibawa ini.




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var Tips = new Array();

Stamp = new Date();

today = Stamp.getDate();

Tips[1] = "
Tip 1";

Tips[2] = "
Tip 2";

Tips[3] = "
Tip 3";

Tips[4] = "
Tip 4";

Tips[5] = "
Tip 5";

Tips[6] = "
Tip 6";

Tips[7] = "
Tip 7";

Tips[8] = "
Tip 8";

Tips[9] = "
Tip 9";

Tips[10] = "
Tip 10";

Tips[11] = "
Tip 11";

Tips[12] = "
Tip 12";

Tips[13] = "
Tip 13";

Tips[14] = "
Tip 14";

Tips[15] = "
Tip 15";

Tips[16] = "
Tip 16";

Tips[17] = "
Tip 17";

Tips[18] = "
Tip 18";

Tips[19] = "
Tip 19";

Tips[20] = "
Tip 20";

Tips[21] = "
Tip 21";

Tips[22] = "
Tip 22";

Tips[23] = "
Tip 23";

Tips[24] = "
Tip 24";

Tips[25] = "
Tip 25";

Tips[26] = "
Tip 26";

Tips[27] = "
Tip 27";

Tips[28] = "
Tip 28";

Tips[29] = "
Tip 29";

Tips[30] = "
Tip 30";

Tips[31] = "
Tip 31";

function writeTip() {

document.write(Tips[today]);

}

// End -->

</SCRIPT>


<SCRIPT>

writeTip();

</SCRIPT>




Catatan : Jangan lupa mengganti dengan memasukan 31 tips pada code warna
merah diatas.


 

Selamat mencoba, Happy Blogging :)


Kamis, 10 Januari 2008

Manajemen Iklan: Random Banner Pada Satu Area

Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger) menanyakan
kepada saya bagaimana menampilkan iklan secara acak (Random banner) dalam
satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa,
wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah
lama bercuap-cuap sahabat saya langsung nyeletuk "katanya blogger mania masa
buat koding untuk iklan aja gak bisa"
Gubraaakkkk, gila.. nantang bener nih
orang. saya balas bertanya "kalo om bisa dikasih apa??" teman saya menjawab
"saya
traktir makan di cak koting (tempat makan terkenal di yogya)"
OK, kasih om waktu
satu hari, kemudian kami pun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)





Back ke laptop....sebenarnya membuat Iklan (Banner) satu tampilan
dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke
lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang
iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi
kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya
pada  Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara
acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random
Banner dengan iklan Dmoz dibawah sebagai contoh:










Contoh kode Dengan Javascript :




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var jumlah_iklan = 3;

var waktu_sekarang = new Date()

var detik = waktu_sekarang.getSeconds()

var pasang_iklan = detik % jumlah_iklan;

pasang_iklan +=1;

if (pasang_iklan==1) {

txt="
Tulis Title";

url="
Alamat URL";

alt="
Alamat URL";

banner="
Alamat URL Gambar";

width="
468";

height="
60";

}

if (pasang_iklan==2) {

txt="
Tulis Title";

url="
Alamat URL";

alt="
Alamat URL";

banner="
Alamat URL Gambar";

width="
468";

height="
60";

}

if (pasang_iklan==3) {

txt="
Tulis Title";

url="
Alamat URL";

alt="
Alamat URL";

banner="
Alamat URL Gambar";

width="
468";

height="
60";

}

document.write('<center>');

document.write('<a href=\"' + url + '\" target=\"_top\">');

document.write('<img src=\"' + banner + '\" width=')

document.write(width + ' height=' + height + ' ');

document.write('alt=\"' + alt + '\" border=0><br>');

document.write('<small>' + txt + '</small></a>');

document.write('</center>');

// End -->

</SCRIPT>






Penjelasan:




Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya,
contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana
menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4,
begitupun seterusnya.  Lihat contoh kode dibawah:




if (pasang_iklan==4)
{

txt="
Tulis Title";

url="
Alamat URL";

alt="
Alamat URL";

banner="
Alamat URL Gambar";

width="
468";

height="
60";

}




Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan,
Contoh: var jumlah_iklan = 4;


 

Selamat Mencoba, Happy Blogging :)


 


ADA YANG MAU PASANG IKLAN DI BLOG INI ?? bisa hubungi saya via email: 
oom [at] o-om [dot] com




Rabu, 09 Januari 2008

Attention Please...

Beberapa kali saya menerima pesan email dari rekan blogger
yang isinya mengatakan bahwa terjadi pesan kesalahan pada blog mereka setelah
mencoba beberapa tutorial milik saya, pesan yang disampaikan rata-rata rada aneh
(maaf), salah contoh pesan "masa gara-gara pasang Read more semua gambar
diblog jadi hilang" dan  ada juga yang menyampaikan pesan yang membuat saya
tersenyum "oom, gara gara pasang social bookmarking elo, google adsense gua
jadi gak keluar alias kaga muncul???"
yang lebih lucu lagi si pengirim
dengan cueknya ngirim pesan kedua yang isinya "om kok gak dibalas sih, jangan
menghindar dong...dasar gak tanggung jawab!!"
. Alamak....apa yang harus saya
jawab dan apakah pantas tutorial saya disalahkan dalam hal ini mengingat secara
tidak langsung tidak ada hubungannya sama sekali dengan pesan kesalahan (Privasi:
nama pengirim sengaja tidak saya cantumkan)





Rekan semua mungkin bisa memahani dan memaklumi kenapa saya
tidak akan membalas pesan tersebut dengan alasan apapun. Bukannya saya pelit
memberi penjelasan dan pencerahan,  Saya menyadari blogger baru biasanya
mengalami kepanikan jika terjadi kesalahan, namun sebelum menyalahkan tutorial
saya sebaiknya bertanya dulu kepada sahabat blogger yang sudah mencoba, apakah
mereka juga mengalami hal yang sama, jika jawabannya "ya" barulah berikan
informasi kepada saya mengenai pesan kesalahan tersebut, maka dengan senang hati
akan memperbaikinya dan  sekali lagi saya memaklumi kepanikan sebagai
blogger baru.





Sebagai blog tutorial personal, blog saya hanyalah tempat
berbagi ilmu dan sebagai media informasi saja, blog saya bukan E-Learning
sebagai media belajar secara resmi. Blog tutorial saya bukanlah guru, dosen
apalagi sebagai staff pengajar pribadi, saya berpikir dan bekerja keras
menyajikan informasi yang menurut saya pantas disampaikan dan tidak asal-asalan, dibidang ini saya bukanlah
profesional karena saya tidak dibayar secara khusus. Mengenai pemikiran berupa
ide, opini dan gagasan dari saya boleh saja di protes dan dikritik dan sebaiknya
dibenarkan jika salah, tapi tidak untuk disalahkan dengan alasan yang tidak
jelas. Dalam hal materi tulisan yang disampaikan mungkin ada kesalahan dan jauh
dari kesempurnanan, namun sebelum kita menyalahkan sebaiknya harus punya alasan
yang kuat ya, walaupun hanya dalam media blog ini juga perlu diperhatikan karena
sangat berpengaruh terutama pada kualitas mutu pribadi kita di kemudian hari.




Sedikit informasi, sebagian tutorial yang saya sampaikan
memang bukan murni pemikiran pribadi..terutama pada koding blogger hack, semua
referensi saya kumpulkan dan dirangkum jadi satu, semua sudah mengalami seleksi
terutama dalam hal modifikasi pembaharuan guna mendapatkan tutorial yang lebih
simple dan berbobot, begitu juga materi yang saya sampaikan dengan penjelasan
yang di buat sesederhana munkin agar bisa lebih dimengerti, semua koding dan
info yang saya sampaikan telah mengalami tahapan uji coba, jadi tidak hanya asal
tulis :) sebenarnya jika mengikuti intruksi dengan benar saya yakin kesalahan dalam
koding bisa lebih diminimalkan.




Akhir kata, mudah-mudahan pesan ini bisa jadi hikmah buat
kita semua dan bisa jadi bahan masukan buat blog tutorial lain jika mengalami
hal yang sama. Buat yang merasa pesannya saya sampaikan diatas saya yakin
bisa memakluminya. Saya sangat menjaga privasi, jadi saya tidak akan pernah
mempublikasikan nama pengirim pesan. Kalau ngerasa tulisan diatas
rada menyinggung saya minta maaf yang sebesar-besarnya, walau sesungguhnya dalam
hal ini saya pribadi lebih tersinggung,
tapi inilah oom :)



Senin, 07 Januari 2008

Cara mengontrol jumlah posting pada halaman Label (Kategori)

Label (kategory) pada New blogger secara default biasanya hanya menampilkan 20
Posting perhalaman, dalam hal ini jika ingin membaca posting sebelumnya kita
diminta untuk membuka link biasanya ditandai dengan nama "Older Posts" atau
"Posting Lama". Sebenarnya ada cara lain dimana kita bisa mengubah
jumlah posting default untuk menampilkan jumlah posting yang lebih banyak (Contoh : 50
sampai 200 posting perhalaman).






Sebelum mengubah jumlah default post pada label new blogger, ada hal yang perlu di
perhatikan bahwa perubahan kode dengan menampilkan jumlah halaman yang melebihi
20 posting tentunya akan membuat loading page semakin berat, sebagai solusi
mengatasi masalah ini, sebaiknya kita menggunakan cara dimana kita hanya
menampilkan halaman judul saja, tutorial bisa dibaca disini

Cara menampilkan judul posting tanpa isi (halaman) posting






Untuk mengubah jumlah default post pada label, ada 2 cara pencarian yang bisa kita gunakan:







Cara Manual:






Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang
pada Expand Template Widget






Cari kode ini dbawah ini (ingat kode dibawah yang
akan di cari tidak hanya satu saja)







data:label.url






Kemudian ganti semua kode diatas dengan kode dibawah ini







data:label.url + "?max-results=50"






Catatan: jumlah posting tidak mesti 50, jumlah bisa disesuaikan
misalnya 100 atau 200








Cara Otomatis (lebih cepat) :






Pada halaman Edit HTML -> Copy semua kode, kemudian Paste semua kode
tersebut pada tools Edittor (misalnya: Notepad, Wordpad, Notepad++).


Sebagai contoh kita menggunakan Notepad pada MS windows saja agar lebih mudah
:)


Pada Notepad klik Edit -> kemudian klik Replace -> masukan kode
yang akan di ubah (replace), caranya lihat input dibawah, jika sudah lalu klik
"Replace All"









Jangan lupa Copy-Paste ulang kodenya dari notepad tadi ke halaman
Edit HTML.


 

Selamat mencoba, Happy Blogging?



Sabtu, 05 Januari 2008

Live Monitoring Visitor untuk banyak Blog/Site (whos.amung.us)

Memasang widget layanan
whos.amung.us
memberikan kita kemudahan untuk mengamati berapa banyak
visitor yang sedang mengakses blog/site, selain itu kita juga bisa memonitor apa
saja yang dibuka pengunjung pada saat yang besamaan. Kadang monitoring
visitor
hanya berlaku pada pengamatan satu blog/site saja, yang menjadi
kendala bagaimana jika kita mempunyai banyak blog/site yang ingin di monitor
setiap saat? apakah dengan membuka blog satu persatu? atau melakukan refresh
(reload) halaman berulang kali? yang jelas cuma buang2 waktu saja.




Untuk mengatasi masalah monitoring visitor diatas,
solusinya sebaiknya kita menginstall widget
whos.amung.us
pada Browser Firefox Plugin. Dengan cara ini
monitoring visitor
pasti akan terasa lebih mudah, kita juga tidak perlu
membuka blog/site jika tujuan hanya melakukan pemantauan visitor.








Contoh tampilan monitoring visitor pada status bar Firefox


Visiting another site? Not a problem. With our
firefox plugin you
can always keep an eye on your site's visitors from the convenience of your
browser.

Cara installasi dan setting:




1. Download di
firefox plugin
(widget ini juga support pada Browser Flock)


2. Jika sudah, pada browser Firefox klik Tools ->
Add-ons


3. Pada Extensions pilih whos.amung.us -> klik
Options -> Masukan 8 karakter kode
whos.amung.us
milik kamu sendiri.


Disini ada 2 pilihan, pertama "Simple" jika hanya ingin
menggunakan satu alamat saja, jika punya 5 alamat pilih "Advanced"







contoh input kode dan alamat yang ingin di monitor



Selamat mencoba, Happy Blogging :)


Jumat, 04 Januari 2008

Random Photo tanpa reload page (Slideshow)

Informasi : Code ini
tidak suport pada blogger sebaiknya jangan digunakan, thanks


 


Pada artikel sebelumnya sudah saya jelaskan bagaimana cara membuat

Random Banner Pada Satu Area
dimana kita dapat menampilkan
gambar banner secara random (acak) pada area yang sama, sayangnya untuk
menampilkan gambar dengan cara ini kita harus melakukan reload page atau
refresh page, kali ini kita akan membuat kode javascript untuk menampilkan
gambar "Random Photo tanpa reload page (Slideshow)" yang berarti
kita akan menampilkan gambar pada satu area tanpa perlu  melakukan reload page sama sekali.




Mungkin rekan akan bertanya apa hubungannya "Random Photo
tanpa reload page (Slideshow)"
dengan "Manajemen
iklan : Random Banner Pada satu Area"
kesamaan yang tampak tentu saja kedua
cara ini sama-sama untuk menampilkan gambar secara Random, yang membedakan
hanyalah kegunaan saja, bisa untuk
manampilkan Photo, Banner atau apalah terserah mau di pasang gambar apa saja :)




Contoh Penggunaan Kode:





Kode I:




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var mfBanners = [

['
Alamat URL', 'Alamat
URL Gambar'
],

['
Alamat URL', 'Alamat
URL Gambar'
'],

['
Alamat URL', 'Alamat
URL Gambar'
'],

['
Alamat URL', 'Alamat
URL Gambar'
'],

['
Alamat URL', 'Alamat
URL Gambar'
']];


var mfIe = false;

if( document.all) {

mfIe = true;

}

var mfBannerIndex = 0;

function mfBannerChange() {

var htmlString = '<a target="_blank" href="'+mfBanners[mfBannerIndex][0]+'"> <img
border="0" src="'+mfBanners[mfBannerIndex][1]+'"></a>';

if( mfIe) {

document.all.banner.innerHTML = htmlString;

}

else {

document.layers["banner"].document.open();

document.layers["banner"].document.write( htmlString);

document.layers["banner"].document.close();

}

if(mfBannerIndex < mfBanners.length - 1)

mfBannerIndex++;

else

mfBannerIndex = 0;

}

setInterval("mfBannerChange()",
5000);

// End -->

</script>






Kode II






<div id="banner" style="position:absolute;
top:0;
left:0;"></div>




Penjelasan






['Alamat
URL
', 'Alamat URL
Gambar'
'],  ->>
Untuk menambah gambar yang ditampilkan kita tinggal menambahkan saja
alamatnya


5000 -->> ini merupakan durasi
tampilan gambar yang berarti gambar akan berubah setelah 5 detik berikutnya.


 



Selamat Mencoba, Happy Blogging :)



Cara pasang photo Author di setiap komentar

"Tanya om, Gimana pasang photo Author pada setiap komentar kaya punya mas oom?"

Ada beberapa email yang masuk dan menanyakan hal yang sama seperti diatas,
yaitu bagaimana memasang photo Author pada setiap komentar? untuk menjawab
pertanyaan yang sama saya post disini saja. Sedikit penjelasan, blogger
sebenarnya juga menampilkan photo Author pada setiap komentar, namum photo yang
ditampilkan bukan pada halaman komentar yang tepatnya dibawah posting, melainkan
menampilkan pada kolom komentar terpisah.






Sebagai contoh kita bisa melihat pada pengguna wordpress dimana kita dapat
melihat photo siapa saya yang memberikan komentar. Masih bingung? coba buka
halaman posting milik saya disitu pasti rekan bisa melihat photo yang telah
memberikan komentar, namum photo ini hanya tampil jika pemberi komentar dalam
modus login saja, jika tidak maka yang tampil hanya gambar kosong atau tanda
tanya seperti milik saya. Coba lihat gambar dibawah: 










Langkah pasang kode (script) pada blogger:





Pertama:




Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang
pada Expand Template Widget






Cari kode dibawah ini (cari yang warna hijau, bukan warna
merah), jika sudah
ketemu, kemudian masukan kedua kode warna merah
dibawah ini diantara kode warna hijau.




<dl id='comments-block'>

        <b:loop values='data:post.comments'
var='comment'>

          <dt
class='comment-author' expr:id='"comment-" + data:comment.id'>

<div class='commentphoto' style='float:right;'/>

            <a expr:name='"comment-"
+ data:comment.id'/>

            <b:if cond='data:comment.authorUrl'>

             
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>

          </dt>

          <dd class='comment-body'>

            <b:if cond='data:comment.isDeleted'>

             
<span class='deleted-comment'><data:comment.body/></span>

            <b:else/>

             
<p><data:comment.body/></p>

            </b:if>

          </dd>

          <dd
class='comment-footer'>

            <span
class='comment-timestamp'>

             
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

               
<data:comment.timestamp/>

             
</a>

              <b:include
data='comment' name='commentDeleteIcon'/>

            </span>

          </dd>

<div style='clear:both;'/>

        </b:loop>

      </dl>






Penjelasan:






Kode float:right; berati kita memasang
photo sebelah kanan, jika ingin meletakan photo pada sebelah kiri tinggal ganti
saja dengan float:left;










Kedua:






Tetap pada halaman Template -> Edit HTML -> jangan lupa beri tanda
centang pada Expand Template Widget






Tinggal Copy/Paste lalu masukan kode javascript dibawah ini, agar gak bingung
cari code </head> kemudian paste kode scriptnya diatas kode </head>.




<script src='http://www.geocities.com/oom_directory/photos.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

BloggerProfiles.noimage = 'http://oom.blog.googlepages.com/nopoto.gif';

BloggerProfiles.imageWidth = 30;

BloggerProfiles.imageHeight = 30;


addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author',
1);});

//]]>

</script>





Penjelasan:




BloggerProfiles.noimage = 'http://oom.blog.googlepages.com/nopoto.gif';




Kode ini merupakan gambar/photo default yang akan tampil jika pemberi
komentar tidak dalam modus login






BloggerProfiles.imageWidth = 30;

BloggerProfiles.imageHeight = 30;




Kode ini merupakan ukuran photo yang ditampilan, contoh diatas berarti
ukurannya 30x30, kalian bisa mengubah
ukuran sesuai selera misalnya dengan ukuran 50 agar gambar tampil lebih lebar.






Selamat Mencoba, Happy Blogging :)